﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    RegistrarAreaComun
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" />
    <script src="../../../Scripts/Validaciones.js" type="text/javascript"></script>
    <script src="../../../Scripts/AreaComun.js" type="text/javascript"></script>
    <link rel="Stylesheet" type="text/css" media="screen" href="../../../Content/Edificio.css" />
      
    <h1>Registrar Área Común</h1>
    <br />

    <label class="Obligatorio" style="color: Red">Los campos con (*) son obligatorios</label>
    <br></br>  
                     
    <label for="Edificio">Edificio: (*)</label>
    <select id="Edificio" onchange="cargarPisos()" class="text ui-widget-content ui-corner-all"></select>
    <br></br>
                 
    <label for="Tipo">Tipo: (*)</label>
    <select id="Tipo" class="text ui-widget-content ui-corner-all"></select>
    <br></br>

    <label for="Pisito">Piso: (*)</label>
    <select id="Pisito" class="text ui-widget-content ui-corner-all"></select>
    <br></br>

    <label for="Area">Área: (*)</label>
    <input type="text" id="Area" class="text ui-widget-content ui-corner-all" maxlength="18"/>
    <label id="errorArea" class="erroresClase" style="color: Red"></label>
    <br></br>

    <label for="Ubicación">Ubicación:</label>
    <input type="text" id="Ubicacion" class="text ui-widget-content ui-corner-all" maxlength="50"/>
    <label id="errorUbicacion" class="erroresClase" style="color: Red"></label>
    <br></br>

    <label for="Reservable">Reservable: (*)</label>
    <input name="Reservable" type="radio" value="1" style="width:auto;" class="text ui-widget-content ui-corner-all"/><label style="width:10px; text-align:left">Sí</label>
    <input name="Reservable" type="radio" value="2" style="width:auto;" class="text ui-widget-content ui-corner-all"/><label style="width:10px; text-align:left">No</label>
    <br></br>

    <input type="submit" id = "botonRegistro" value="Registrar" class="submit-button"/>
    <input type="submit" id = "botonCancelar" value="Cancelar" class="submit-button" />

    <!--<div>
        <table id='tablaMant' style="margin-left:auto; margin-right:auto;">
            <thead>
                <tr>
                    <th></th>
                    <th>Nombre</th>
                    <th style="display:none">id_Edificio</th>
                    <th style="display:none">idProveedor</th>
                    <th>Proveedor</th>
                    <th>Fecha</th>
                    <th>Monto</th>
                    <th>Descripcion</th>
                    <th class="style1" style="width:30px;"></th>
                </tr>
            </thead>
            <tbody id="bodyTablaMant">
                <tr id="Fila1">
                    <td class="ContratoPreventivo" id="ContratoPreventivo1">id_mantenimiento_preventivo</td>
                    <td style="display:none" class="idMantenible" id="idMantenible1">item.id_Mantenible</td>
                    <td class="NombreMantible" id="NombreMantible1">NombreMantenible</td>
                    <td class="idContratoPreventivo" id="idContratoPreventivo1">id_contrato_preventivo</td>
                    <td style="display:none" class="idProveedor" id="idProveedor1">item.id_proveedor</td>
                    <td class="NombreProveedor" id="NombreProveedor1">NombreProveedor</td>
                    <td class="Fecha" id="Fecha1">fecha</td>
                    <td class="Costo" id="Costo1">costo</td>
                    <td class="Descripcion" id="Descripcion1">descripcion</td>
                    <td class="style1" style="width:30px;" align="center"><button class="Buscar" id="1" style="margin-left:auto; margin-right:auto;">Mantenible</button></td>
                </tr>
            </tbody>
        </table>
    </div>

    <div class="holder" id="holder1"></div>

    <div>
        <label>Mantenibles ubicados en el área común</label>
        <button id="AddMantenible">Agregar</button>
        <button id="DelMantenible">Agregar</button>
    </div> -->

</asp:Content>
